<html>
	<head>
		<title>WebRTC PeerConnection</title>
		<style>
			.preview{
				display: flex;
			}
			.remote{
				margin-left: 20px;
			}
		</style>
	</head>
	<body>
		<div>
			<div>
        <button id="join">加入视频聊天</button>
				<button id="connserver">开始视频</button>
				<button id="leave" disabled>结束视频</button>
			</div>
			<div class="preview">
				<div>
					<h2>我的视频:</h2>
					<video id="localvideo" autoplay playsinline></video>
				</div>
				<div class="remote">
					<h2>对方视频:</h2>
					<video id="remotevideo" autoplay playsinline></video>
				</div>
			</div>
		</div>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.1/socket.io.js"></script>
		<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
		<script src="./js/client.js"></script>
	</body>
</html>
